@import './vw';
@import './common1';
// *{
//     box-sizing: border-box;
// }

.content{
    &::after,&::before{
        content: "";
        display: block;
        visibility: hidden; 
    }
    &::before{
        height: vw(90);
    }
    &::after{
        height: vw(96);
    }
    .triathlon{
        // width: vw(585);
        padding: vw(30) vw(30) 0 vw(28);
        h1{
            font-size: vw(30);
            color: #5c5856;
            font-weight: bold;
            margin-bottom: vw(17);
        }
        .tn-bottom{
            position: relative;
            margin-top: vw(16);
            width: 100%;
            font-size: vw(18);
            display: flex;
            justify-content: space-between;   
        }
        .tn-bottom::after{
            content: "";
            position: absolute;
            top: vw(32);
            left: 0;
            width: 100%;
            border-bottom: 1px solid #d2d2d2;
        }
        >img{
            width: 100%;
            margin-top: vw(31);
        }
        .paragraph{
            font-size: vw(20);
            margin: vw(40) auto;
            line-height: vw(30);
        }
        ul{
            margin-bottom: vw(30);
            li{
                font-size: vw(20);
                margin-top: vw(10);
            }
        }

        .grey-bg{
            margin: 0 vw(-28) 0;
            height: vw(24);
            background-color: #f5f5f5;
            // margin-bottom: vw(16);
        }

        .timeplace{
            // height: vw(148);
            background-color: #fff;
            padding: vw(16) 0 vw(30) 0;
            img:nth-of-type(1){
                width: vw(25);
                height: vw(24);
            }
            img:nth-of-type(2){
                width: vw(20);
                height: vw(24);
            }
            h1{
                font-size: vw(30);
                font-weight: bold;
            }
            p{
                font-size: vw(20);
                line-height: vw(34);
            }
        }
        .teacher{
            // width: vw(640);
            padding: vw(16) 0 vw(18);
            h2{
                font-size: vw(20);
                color: #5c5856;
                font-weight: bold;
            }
            .teacher-imgs{
                display: flex;
                justify-content: space-between;
                .teacher-box{
                    margin-top: vw(14);
                    width: vw(180);
                    display: flex;
                    justify-content: space-between;
                    img{
                        width: vw(87);
                        height: vw(86);
                    }
                    .teacher-information{
                        width: vw(86);
                        
                        
                        h3,p{
                            font-size: vw(18);
                            color: #727171;
                        }
                        p{
                            margin-top: vw(9);
                            font-size: vw(14);
                            width: vw(84);
                        }
                    }
                }
            }
        }    

        .button{
            // width: 100%;
            background-color: #b20000;
            text-align: center;
            height: vw(86);
            line-height: vw(86);
            color: white;
            
        }
    }
}